// Place all the styles related to the Admin::Innoawards controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.admin-innoawards{
  .hidden{
    display: none;
  }

  input.image-desc{
    border: 1px solid #eee !important;
  }
  .save{
    display: inline-block;
  }
  .add-image{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 20px;
    height: 230px;
    text-align: center;
    font-size: 16px;
    color: #B98484;
    .add-image-cont{
      padding-top: 35px;
      background-color: #f8f8f8;
      height: 100%;
      transition: all .3s ease;
      .icon{
        font-size: 80px;
        display: block;
        line-height: 70px;
      }
      &:hover{
        background-color: #eee;
        transition: all .3s ease;
        color: #000;
      }
    }
  }
  .pic-item{
    width: 50%;
    display: inline-block;
    padding: 15px;
    vertical-align: top;
    margin-left: -4px;
    .image-preview{
      width: 100%;
      height: 120px;
      text-align: center;
      padding: 10px;
      border: 1px dashed #eee;
      margin-bottom: 10px;
      img{
        height: 100%;
        cursor: pointer;
        &:hover{
          opacity: .9;
        }
      }
    }
  }
  .list-view{
    overflow: auto;
    .movable-placeholder{
      height: 1.5em;
      line-height: 1.2em;
    }
  }
  .logo{
    height: 35px;
  }
}
